<template>
  <footer class="footer_wrap">
    <div class="foot">
      <div class="relevant">
        <!-- <div class="relevant_info">
          <span>首页</span>
          <span>选课中心</span>
          <span>学习中心</span>
          <span>体育商城</span>
        </div> -->
        <dl class="relevant_more">
          <dt>友情链接:</dt>
          <dd>睿那官网</dd>
        </dl>
      </div>
      <div class="foot-logo">
        <img src="../assets/images/logo_foot.png" alt="">
      </div>
    </div>
  </footer>
</template>
<script>
export default {
  name:'footBottom'
}
</script>
<style scoped>
.footer_wrap {
  background-color: #f9f9f9;
  height:126px;
  border-top:1px solid #e8e8e8;
}
.foot{
  width:1200px;
  margin: 0 auto;
  display: flex;
}
.relevant{
  width:964px;
  color:#666;
  font: 14px/32px "微软雅黑";
  padding: 28px 0 36px 0;
}
.relevant_info span{
  padding-right: 50px;
}
.relevant_more{
  display: flex;
}
.relevant_more dd{
  padding:0 40px 0 10px;
}
.foot-logo{
  width:236px;
}
.foot-logo img{
  width:95%;
  height:100px;
  margin-top:12px;
}
</style>

